{% load static %}
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <style>
       @media print {
    @page {
      margin: 0.1cm 0.6cm;
      /* margin: 0; */
      /* size: 60mm 40mm; */
      /* size: 40mm 10mm; */
    }
    .first-page {
      font-size: larger;
      /* 第一页的特殊样式 */
    }
    .avoid {
      page-break-before: always;
      font-size: larger;
      padding-top: 10px;
    }
    #title {
      border-bottom: 1px solid black;
    }
  }
      /* @media print {
        @page {
          margin: 0.1cm 0.6cm;
          size: 50mm 30mm;
        }
        .first-page {
          font-size: larger;
        }
        .avoid {
          page-break-before: always;
        }
        div {
          font-size: larger;
        }
        #title {
          border-bottom: 1px solid black;
        }
      } */
    </style>
    <title>打印数据</title>
  </head>

  <body>
    <!-- {% for data in datas %}
        <div class="avoid">
          <div id="title">上海强松航空科技有限公司</div>
          <div>编号:{{data.编号}}</div>
          <div>用途:{{data.用途}}</div>
          <div>密级:{{data.密级}}</div>
          <div>部门:{{data.部门}}</div>
          <div>责任人:{{data.责任人}}</div>
          <div>设备类型:{{data.设备类型}}</div>
          <div>启用日期:{{data.启用日期}}</div>
        </div>
        {% endfor %} -->
    {% for data in datas %} 
      {% if forloop.first %}
        <div class="first-page">
      {% else %}
        <div class="avoid">
      {% endif %}
      <!-- 其他内容保持不变 -->
      <div id="title" style="border-bottom: 1px solid black;">上海强松航空科技有限公司</div>
      <div>编号:{{data.编号}}</div>
      <div>用途:{{data.用途}}</div>
      <div>密级:{{data.密级}}</div>
      <div>部门:{{data.部门}}</div>
      <div>责任人:{{data.责任人}}</div>
      <div>设备类型:{{data.设备类型}}</div>
      <div>启用日期:{{data.启用日期}}</div>
    </div>
    {% endfor %}
    <!-- 尾部 -->
  </body>
</html>
